﻿/*!
 * 样式名称：WinUI.css
 * 样式作者：新生帝
 * 编写日期：2016年02月03日
 * 版权所有：中山赢友网络科技有限公司
 * 企业官网：http://www.winu.net
 * 开源协议：GPL v2 License
 * 样式描述：一切从简，只为了更懒！
 */

/* HTML5 重置样式 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
html { box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }
img,
object,
embed { max-width: 100%; }
html { overflow-y: scroll; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button,
input[type=button] { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.clearfix:after { content: " "; display: block; clear: both; }

/* 清除移动浏览器默认样式 */
html, body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 设置默认字体单位为rem，14px=1.4rem */
html { font-size: 62.5%; }
body { font-size: 1.4rem; }

/* 常用样式 */
.winu-width100-percent { width: 100%; }
.winu-height100-percent { height: 100%; }
.winu-auto-height { min-height: 0; height: auto; }
.winu-vertical-padding10 { padding: 1rem 0; }
.winu-horizontal-padding10 { padding: 0 1rem; }
.winu-vertical-margin10 { margin: 1rem 0; }
.winu-horizontal-margin10 { margin: 0 1rem; }
.winu-padding10 { padding: 1rem; }
.winu-margin10 { margin: 1rem; }
.winu-padding-top10 { padding-top: 1rem; }
.winu-margin-top10 { margin-top: 1rem; }
.winu-padding-left10 { padding-left: 1rem; }
.winu-margin-left10 { margin-left: 1rem; }
.winu-padding-right10 { padding-right: 1rem; }
.winu-margin-right10 { margin-right: 1rem; }
.winu-padding-bottom10 { padding-bottom: 1rem; }
.winu-margin-bottom10 { margin-bottom: 1rem; }
.winu-overflow-hidden { overflow: hidden; }
.winu-overflow-auto { overflow: auto; }
.winu-overflow-scroll { overflow: scroll; }
.winu-overflow-x-hidden { overflow-x: hidden; }
.winu-overflow-x-auto { overflow-x: auto; }
.winu-overflow-x-scroll { overflow-x: scroll; }
.winu-overflow-y-hidden { overflow-y: hidden; }
.winu-overflow-y-auto { overflow-y: auto; }
.winu-overflow-y-scroll { overflow-y: scroll; }
.winu-background-white { background: #fff; }
.winu-background-black { background: #000; }
.winu-background-red { background: #f00; }
.winu-background-green { background: green; }
.winu-background-blue { background: #00f; }
.winu-background-transparent { background: rgba(0,0,0,0); }
.winu-background-transparent50-percent { background: rgba(0,0,0,0.5); }
.winu-background-transparent20-percent { background: rgba(0,0,0,0.2); }
.winu-background-transparent80-percent { background: rgba(0,0,0,0.8); }
.winu-color-white { color: #fff; }
.winu-color-black { color: #000; }
.winu-block-margin-auto { margin: 0 auto; }
.winu-text-horizontal-center { text-align: center; }
.winu-text-horizontal-left { text-align: left; }
.winu-text-horizontal-right { text-align: right; }
.winu-block-horizontal-center { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; display: box; box-orient: horizontal; box-pack: center; }
.winu-block-horizontal-left { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; display: box; box-orient: horizontal; box-pack: start; }
.winu-block-horizontal-right { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; display: box; box-orient: horizontal; box-pack: end; }
.winu-text-vertical-center, .winu-block-vertical-center { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center; display: box; box-orient: horizontal; box-align: center; }
.winu-text-vertical-left, .winu-block-vertical-left { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: start; display: box; box-orient: horizontal; box-align: start; }
.winu-text-vertical-right, .winu-block-vertical-right { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: end; display: box; box-orient: horizontal; box-align: end; }
.winu-center-all { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; }
.winu-border-radius-circle { border-radius: 50%; -webkit-border-radius: 50%; }
.winu-border-radius3-rem { border-radius: 0.3rem; -webkit-border-radius: 0.3rem; }
.winu-transition-all { transition: All 0.5s ease-in; -webkit-transition: All 0.5s ease-in; }
.winu-flexbox-vertical { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column; height: 100%; }
.winu-flexbox-horizontal { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-flow: row; flex-flow: row; width: 100%; }
.winu-flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.winu-vertical-align-middle { vertical-align: middle; }
.winu-position-absolute { position: absolute; }
.winu-position-relative { position: relative; }
.winu-position-fixed { position: fixed; }
.winu-position-static { position: static; }
.winu-display-none { display: none; }
.winu-display-block { display: block; }
.winu-display-inline { display: inline; }
.winu-display-inline-block { display: inline-block; }
.winu-display-table { display: table; }
.winu-display-table-cell { display: table-cell; }
.winu-box-sizing-border-box { box-sizing: border-box; -webkit-box-sizing: border-box; }
.winu-box-sizing-content-box { box-sizing: content-box; -webkit-box-sizing: content-box; }
.winu-float-left { float: left; }
.winu-float-right { float: right; }
.winu-float-none { float: none; }
.winu-horizontal-line { position: relative; height: 1px; width: 100%; }
.winu-horizontal-line:after { border-bottom: 1px solid #d7d7d7; display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none; }
.winu-text-show-row-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.winu-text-show-row-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.winu-text-show-row-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.winu-text-show-row-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.winu-text-show-row-5 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.winu-flexbox { display: -webkit-flex; display: flex; }
.winu-flexbox-inline { display: -webkit-inline-flex; display: inline-flex; }
.winu-flexbox-horizontal-direction-ltr { -webkit-flex-direction: row; flex-direction: row; }
.winu-flexbox-horizontal-direction-rtl { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
.winu-flexbox-vertical-direction-ttb { -webkit-flex-direction: column; flex-direction: column; }
.winu-flexbox-vertical-direction-btt { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
.winu-flexbox-horizontal-nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.winu-flexbox-horizontal-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.winu-flexbox-horizontal-nowrap-reverse { -webkit-flex-wrap: nowrap-reverse; flex-wrap: nowrap-reverse; }
.winu-flexbox-horizontal-wrap-reverse { -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
.winu-block-row-parent { display: -webkit-box; -webkit-box-orient: horizontal; box-sizing: border-box; position: relative; }
.winu-block-row-item { -webkit-box-align: center; box-sizing: border-box; }
